<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width" />
		<meta name="author" content="www.lzqcode.com" />
		<meta name="robots" content="all" />
		<title>话题</title>
        <link rel="stylesheet" th:href="@{../../static/desk/font-awesome/css/font-awesome.min.css}">
        <link rel="stylesheet" th:href="@{../../static/desk/layui/css/layui.css}"/>
        <link rel="stylesheet" th:href="@{../../static/desk/css/master.css}"/>
        <link rel="stylesheet" th:href="@{../../static/desk/css/gloable.css}"/>
        <link rel="stylesheet" th:href="@{../../static/desk/css/nprogress.css}"/>
        <link rel="stylesheet" th:href="@{../../static/desk/css/blog.css}"/>
	</head>

	<body>
		<div class="header">
		</div>
        <header th:insert="front_template :: header"></header>
		<div class="doc-container" id="doc-container">
			<div class="container-fixed">
				<div class="col-content">
					<div class="inner">
						<article class="article-list bloglist" id="LAY_bloglist">
							<section class="article-item zoomIn article">
								<div class="" style="line-height: 30px;padding: 5px 130px 5px 0;border-bottom: 1px solid #e8e9e7;font-size: 18px;font-weight: 400;width: 100%;">
									<a th:href="@{/answerQuestions/list?type=1}" th:style="'display: inline-block;padding: 0px 15px 0px 15px;margin-right: 10px;margin-bottom: 10px;border-radius: 20px;color:'+  ${type == '1'?'#06f':'#444'} + ';background: ' + ${type == '1'?'rgba(0,102,255,.08)':'rgba(133,144,166,.06)'} + ';text-decoration:none;'">
										<span class="fa fa-star fs-16"></span>
										<span>星选问题</span>
									</a>
									<a th:href="@{/answerQuestions/list?type=2}" th:style="'display: inline-block;padding: 0px 15px 0px 15px;margin-right: 10px;margin-bottom: 10px;border-radius: 20px;color:'+  ${type == '2'?'#06f':'#444'} + ';background: ' + ${type == '2'?'rgba(0,102,255,.08)':'rgba(133,144,166,.06)'} + ';text-decoration:none;'">
                                        <span class="fa fa-fire fs-16"></span>
										<span>人气问题</span>
									</a>
									<a th:href="@{/answerQuestions/list?type=3}" th:style="'display: inline-block;padding: 0px 15px 0px 15px;margin-right: 10px;margin-bottom: 10px;border-radius: 20px;color:'+  ${type == '3'?'#06f':'#444'} + ';background: ' + ${type == '3'?'rgba(0,102,255,.08)':'rgba(133,144,166,.06)'} + ';text-decoration:none;'">
                                        <span class="fa fa-info-circle fs-16"></span>
										<span>最新问题</span>
									</a>
								</div>
						
								<div class="content" style="margin-top: 10px;min-height: 100px" th:each="map:${dataList}">
									<div style="margin: 15px 0px 15px 0px;padding-left: 10px;line-height: 20px;">
										<span class="fc-blue" style="display: inline-block;border: 1px solid #b8d5ea;color: #06f;padding-left: 3px;padding-right: 3px;background: rgba(0,102,255,.08);border-radius: 5px;">新</span>
										<span style="display: inline-block;color: rgb(133, 144, 166);font-size: 15px;margin-left: 5px;">最近 111 人浏览</span>
									</div>
									<h2>
										<a th:href="@{|/answerQuestions/detail/${map.answerQuestions.id}|}" style="line-height: 1.6;color: #121212;font-size: 18px;font-weight: 600;text-decoration: none;" target="_blank" rel="noopener noreferrer" th:text="${map.answerQuestions.content}"></a>
									</h2>
									<aside class="f-oh footer" style="margin-top: 20px;margin-bottom: 20px;border-bottom: 1px solid #e8e9e7;">
										<a th:href="@{|/answerQuestions/detail/${map.answerQuestions.id}|}" style="float:left;display: inline-block;padding: 0px 20px 0px 20px;margin-right: 20px;margin-bottom: 10px;border-radius: 3px;color: white;background: #06f;text-decoration:none;">
											<span class="fa fa-pencil fs-16"></span>
											<span>写回答</span>
										</a>
										<div class="f-fr" style="float: left;">
                                            <img width="18px" height="18px" style="border-radius: 50%;margin-right: 5px"
                                                 th:src="${map.user.avatarUrl}">
                                            <span class="read" style="margin-right: 10px">
                                                <a th:href="@{/}" style="color: #0053a1;"
                                                   th:text="${map.user.realName}"></a>
                                            </span>
                                            <span class="read" style="margin-right: 10px">
                                                <i class="fa fa-calendar" aria-hidden="true"></i>
                                                <i class="num"
                                                   th:text="${#dates.format(map.answerQuestions.createDate,'yyyy-MM-dd')}"></i>
                                            </span>
											<span class="read">               
												<i class="fa fa-thumbs-o-up fs-16"></i>               
												<i class="num" th:text="${map.answerQuestions.likesCount}"></i>
											</span>
											<span class="ml20">               
												<i class="fa fa-eye fs-16"></i>               
												<i class="num" th:text="${map.answerQuestions.ViewCount}"></i>
											</span>
											<span class="ml20">               
												<i class="fa fa-comments fs-16"></i>               
												<i class="num" th:text="${map.answerQuestions.commentCount}"> </i>
											</span>
										</div>
									</aside>
									
									
									<!--<div style="margin: 15px 0px 15px 0px;line-height: 20px;">
										<img width="20px" height="20px" style="border-radius: 50%"	 src="https://pic2.zhimg.com/50/v2-c2b4757cee30be05cffdfacc4f310fbf_720w.jpg?source=c8b7c179">
										<span style="display: inline-block;color: rgb(133, 144, 166);font-size: 15px;margin-left: 5px;">试试帮她解答~</span>
									</div>
									<h2>
										<a href="#" style="line-height: 1.6;color: #121212;font-size: 18px;font-weight: 600;text-decoration: none;" target="_blank" rel="noopener noreferrer">请告诉我客观的答案而不是鸡汤，人这一辈子如何确定属于自己的活着的理由？</a>
									</h2>
									<aside class="f-oh footer" style="margin-top: 20px;margin-bottom: 20px;border-bottom: 1px solid #e8e9e7;">
										<a href="www.baidu.com" style="float:left;display: inline-block;padding: 0px 20px 0px 20px;margin-right: 20px;margin-bottom: 10px;border-radius: 3px;color: white;background: #06f;text-decoration:none;">
											<span class="fa fa-pencil fs-16"></span>
											<span>写回答</span>
										</a>
										<div class="f-fr" style="float: left;">
											<span class="read">               
												<i class="fa fa-thumbs-o-up fs-16"></i>               
												<i class="num">213</i>           
											</span>
											<span class="ml20">               
												<i class="fa fa-thumbs-o-down fs-16"></i>               
												<i class="num">213</i>           
											</span>
											<span class="ml20">               
												<i class="fa fa-eye fs-16"></i>               
												<i class="num">213</i>           
											</span>
											<span class="ml20">               
												<i class="fa fa-comments fs-16"></i>               
												<a href="javascript:void(0)" class="num fc-grey">1</a>           
											</span>
										</div>
									</aside>-->
									
									<!--<h2>
										<a href="#" style="line-height: 1.6;color: #121212;font-size: 18px;font-weight: 600;text-decoration: none;" target="_blank" rel="noopener noreferrer">请告诉我客观的答案而不是鸡汤，人这一辈子如何确定属于自己的活着的理由？</a>
									</h2>
									<aside class="f-oh footer" style="margin-top: 20px;margin-bottom: 20px;border-bottom: 1px solid #e8e9e7;">
										<a href="www.baidu.com" style="float:left;display: inline-block;padding: 0px 20px 0px 20px;margin-right: 20px;margin-bottom: 10px;border-radius: 3px;color: white;background: #06f;text-decoration:none;">
											<span class="fa fa-pencil fs-16"></span>
											<span>写回答</span>
										</a>
										<div class="f-fr" style="float: left;">
											<span class="read">               
												<i class="fa fa-thumbs-o-up fs-16"></i>               
												<i class="num">213</i>           
											</span>
											<span class="ml20">               
												<i class="fa fa-thumbs-o-down fs-16"></i>               
												<i class="num">213</i>           
											</span>
											<span class="ml20">               
												<i class="fa fa-eye fs-16"></i>               
												<i class="num">213</i>           
											</span>
											<span class="ml20">               
												<i class="fa fa-comments fs-16"></i>               
												<a href="javascript:void(0)" class="num fc-grey">1</a>           
											</span>
										</div>
									</aside>-->
									

								</div>

							</section>

						</article>
					</div>
				</div>
				<div class="col-other">
					<div class="inner">
						<div class="other-item" id="categoryandsearch">
							<div class="search">
								<label class="search-wrap">
					            <input type="text" id="searchtxt" placeholder="输入关键字搜索" />
					            <span class="search-icon">
					                <i class="fa fa-search"></i>
					            </span>
					        </label>
								<ul class="search-result"></ul>
							</div>
							<ul class="category mt20" id="category">
								<li data-index="0" class="slider"></li>
								<li data-index="1">
									<a href="/Blog/Article">全部文章</a>
								</li>
								<li data-index="2">
									<a href="/Blog/Article/1/">Java</a>
								</li>
								<li data-index="3">
									<a href="/Blog/Article/2/">前端</a>
								</li>
								<li data-index="4">
									<a href="/Blog/Article/3/">Python</a>
								</li>
								<li data-index="5">
									<a href="/Blog/Article/4/">PHP</a>
								</li>
								<li data-index="6">
									<a href="/Blog/Article/5/">其它</a>
								</li>
							</ul>
						</div>
						<!--右边悬浮 平板或手机设备显示-->
						<div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
						<div class="article-category">
							<div class="article-category-title">分类导航</div>
								<a href="/Blog/Article/1/">Java</a>
								<a href="/Blog/Article/2/">前端</a>
								<a href="/Blog/Article/3/">Python</a>
								<a href="/Blog/Article/4/">PHP</a>
								<a href="/Blog/Article/5/">其它</a>
							<div class="f-cb"></div>
						</div>
						<!--遮罩-->
						<div class="blog-mask animated layui-hide"></div>
						<div class="other-item">
							<h5 class="other-item-title">我的空间</h5>
								<ul class="category mt20">
									<li>
										<a href="#" style="display: flex;padding:0px;-webkit-box-align: center;align-items: center;align-items: center;height: 40px;overflow: hidden;color: #8590a6;">
											<span class="fa fa-star fs-16" style="margin-right: 10px;"></span>
											<span style="flex: 1 1;">星选问题</span>
											<span style="display: inline-block;color: #8590a6;font-size: 12px;background: #f6f6f6;border-radius: 2px;padding-left:10px;line-height: inherit;padding-right:10px;margin-bottom: 8px;">0</span>
										</a>
									</li>
									<li>
										<a href="#" style="display: flex;padding:0px;-webkit-box-align: center;align-items: center;align-items: center;height: 40px;overflow: hidden;color: #8590a6;">
											<span class="fa fa-star fs-16" style="margin-right: 10px;"></span>
											<span style="flex: 1 1;">我关注的问题</span>
											<span style="display: inline-block;color: #8590a6;font-size: 12px;background: #f6f6f6;border-radius: 2px;padding-left:10px;line-height: inherit;padding-right:10px;margin-bottom: 8px;margin-top: 5px;">0</span>
										</a>
									</li>
									<li>
										<a href="#" style="display: flex;padding:0px;-webkit-box-align: center;align-items: center;align-items: center;height: 40px;overflow: hidden;color: #8590a6;">
											<span class="fa fa-star fs-16" style="margin-right: 10px;"></span>
											<span style="flex: 1 1;">反馈</span>
										</a>
									</li>
								</ul>
						</div>
						<div class="other-item">
							<h5 class="other-item-title">置顶推荐</h5>
							<div class="inner">
								<ul class="hot-list-article">
									<li>
										<a href="/Blog/Read/16">java学习路线</a>
									</li>
									<li>
										<a href="/Blog/Read/14">基于SpringBoot+JWT+Redis跨域单点登录的实现</a>
									</li>
									<li>
										<a href="/Blog/Read/9">小白轻松入门Redis</a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
        <footer th:insert="front_template :: footer"></footer>
        <script th:src="@{../../static/desk/layui/layui.js}"></script>
        <script th:src="@{../../static/desk/js/yss/gloable.js}"></script>
        <script th:src="@{../../static/desk/js/plugins/nprogress.js}"></script>
        <script>NProgress.start();</script>
        <script th:src="@{../../static/desk/js/yss/article.js}"></script>
		<script>
			window.onload = function() {
				NProgress.done();
			};
		</script>
	</body>

</html>